<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="../cultuurschuur/master.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="title">
        Detail
    </ui:define>
    
    <ui:define name="content">
        <h1>Detail</h1>
        <h:form>
            <h:dataTable var="reis" value="#{reisController.reisById}" border="1">
                <h:column>
                    <tr><th><h:outputText value="Bestemming:"/></th><td><h:outputText value="#{reis.bestemming}"/></td></tr>
                    <tr><th><h:outputText value="Periode:"/></th><td><h:outputText value="#{reis.periode}"/></td></tr>
                    <tr><th><h:outputText value="Vervoer:"/></th><td><h:outputText value="#{reis.vervoer}"/></td></tr>
                    <tr><th><h:outputText value="aantal plaatsen:"/></th><td><h:outputText value="#{reis.aantalPlaatsen}"/></td></tr>
                    <tr><th><h:outputText value="Prijs per persoon:"/></th><td><h:outputText value="#{reis.prijsPerPersoon}"/></td></tr>
                    <tr><th><h:outputText value="Plaats van vertrek:"/></th><td><h:outputText value="#{reis.plaatsVanVertrek}"/></td></tr>
                    <tr><th><h:outputText value="Prijs:"/></th><td><h:outputText value="#{reis.prijsPerPersoon * reis.aantalPlaatsen}"/></td></tr>
                    <tr><th><h:outputText value="&nbsp;"/></th>
                        <td><c:if test="#{klantController.ingelogd}">
                            <h:commandButton value="Boeken" action="#{boekingController.boekReis(reis.id)}"/>
                        </c:if></td>
                    </tr>
                </h:column>
            </h:dataTable>
        </h:form>
    </ui:define>
    
</ui:composition>
